<template>
  <div>
    <div class="header">
      <slot name="header"></slot>
    </div>
    <div class="main">
      <slot name="main" msg="畅所欲言"></slot>
    </div>
    <div class="footer">
      <slot name="footer"></slot>
    </div>
    <slot :data="arr"> 默认值</slot>
  </div>
</template>
<style scoped>
div {
  border: 1px solid red;
}
</style>
<script>
export default {
  data() {
    return {
      arr: ["吃完饭", "再一起", "溜达溜达"],
    };
  },
};
</script>
